/*8a8a8a*/
#min{
    -fx-background-image: url("img/min1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

/*2c2c2c*/
#min:hover{
    -fx-background-image: url("img/min2.png");
    fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-cursor: hand;
}

#min:pressed{
    -fx-background-image: url("img/min1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit{
    -fx-background-image: url("img/close1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit:hover{
    -fx-background-image: url("img/close2.png");
    fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit:pressed{
    -fx-background-image: url("img/close1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#rootPane{
    -fx-background-color: rgb(255, 255, 255);
    -fx-background-radius: 4px;
    -fx-border-width: 1px;
    -fx-border-radius: 4px;
    -fx-border-color: rgb(180, 180, 180);
}

#image{
    -fx-image: url("img/re_bg3.jpeg");
}

#image2{
    -fx-image: url("img/re_bg4.jpeg");
    /*-fx-background-radius: 4px 0 0 0;*/
    -fx-background-color: rgba(255, 255, 255, 0);
}

#account, #email, #pwd, #re_pwd {
    -fx-background-radius: 20px;
    -fx-background-color: #ffffff;
    -fx-border-radius: 20px;
    -fx-border-color: rgb(200, 200, 200);
}

#account {
    -fx-background-image: url("img/account_51.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
}

#email {
    -fx-background-image: url("img/email_51.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
}

#pwd, #re_pwd {
    -fx-background-image: url("img/pwd_51.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
}

#account:hover, #email:hover, #pwd:hover, #re_pwd:hover {
    -fx-background-radius: 20px;
    -fx-background-color: #ffffff;
    -fx-border-radius: 20px;
    -fx-border-color: #3c3c3c;
}

#account:focused, #email:focused, #pwd:focused, #re_pwd:focused {
    -fx-background-radius: 20px;
    -fx-background-color: #ffffff;
    -fx-border-radius: 20px;
    -fx-border-color: #3c3c3c;
}

#cancel, #reset {
    -fx-background-color: lightblue;
    -fx-background-radius: 20px;
}

#cancel:hover, #reset:hover {
    -fx-background-color: lightskyblue;
    -fx-background-radius: 20px;
}

#cancel:pressed, #reset:pressed {
    -fx-background-color: #4467ff;
    -fx-background-radius: 20px;
}


